<template>
    <div ref="body">
        <Row class="button_row">
                <span style="float: left;">
                 <Button type="primary" @click="handleAdd">新增</Button>
                </span>
        </Row>
        <div class="table_div">
            <vxe-table border
                       auto-resize
                       row-id="id"
                       :row-key="true"
                       show-overflow="tooltip"
                       highlight-hover-row
                       align="center"
                       header-align="center"
                       ref="xTree"
                       :loading="Loading"
                       :data="tableData">
                <vxe-table-column field="yjaa0001_name" title="预警类别 " align="center"/>
                <vxe-table-column field="yjaa0002" title="预警提前时间(天)" align="center"/>
                <vxe-table-column field="yjaa0003" title="预警条件" align="center"/>
                <vxe-table-column field="yjaa0004_name" title="是否启用" align="center"/>
                <vxe-table-column title="操作" align="center">
                    <template #default="{row}">
                        <Button type="success" size="small" @click="handleDetail(row)" style="margin-right:5px">详情
                        </Button>
                        <Button type="info" size="small" @click="handleEdit(row)" style="margin-right:5px">编辑</Button>
                        <Button type="error" size="small" @click="handleDelete(row.id)" style="margin-right: 5px">删除
                        </Button>
                    </template>
                </vxe-table-column>
            </vxe-table>
            <Page :total="dataCount" :page-size="pageSize" show-total class="paging"
                  @on-change="handleTableChange" :current="pageNo"></Page>
        </div>
        <ss02010-modal ref="modalForm" @ok="modalFormOk"/>
    </div>
</template>

<script>
    import {CommonMixin} from '@/views/common/js/CommonMixin'
    import Ss02010Modal from './modules/ss02010Modal'

    export default {
        name: "ss02010-list",
        mixins: [CommonMixin],
        components: {Ss02010Modal},
        data() {
            return {
                url: {
                    list: "/api/ac/subsistence/ss02010Service/page",
                    delete: "/api/ac/subsistence/ss02010Service/delete",
                },
                Loading: true,
                queryParam: {},

            }
        },
        created() {
            this.findAreaList();
        },
    }
</script>

<style scoped>

</style>